<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" />
    <title>陕西继续教育服务中心-成人高考报名网</title>
    <meta name="keywords" th:content="${@config.getKey('blog.index.keywords')}">
    <meta name="description" th:content="${@config.getKey('blog.index.description')}">
    <th:block th:include="adultexam/include" />
    <link rel="stylesheet" href="/adultexam/css/resect.css">
    <link rel="stylesheet" href="/adultexam/css/index.css">
    <link rel="stylesheet" href="/adultexam/css/verify.css">
    <link rel="stylesheet" href="/adultexam/css/public.css">
    <script src="/adultexam/js/crypto-js.js"   ></script>
    <script src="/adultexam/js/ase.js"   ></script>
    <script src="/adultexam/js/verify.js"   ></script>
</head>

<body>
    <div class="index">
        <div class="content">
            <div th:replace="adultexam/header"></div>
            <div class="bg-content">
                <div class="container">
                    <div class="banner">
                        <div class="row">
                            <div class="col-right" style="width: 270px;">
                                <div class="center">
                                    <div class="center-header" id="userInfo" style="display: none">
                                        <div class="center-avatar"><img src="/adultexam/images/userProfile.png" alt="" srcset="" width="62px" height="62px"></div>
                                        <div class="center-names">
                                            <h3 id="userName" class="center-userName" >可爱的小孩</h3>
                                            <p class="center-text">欢迎来到陕西继续教育服务中心</p>
                                        </div>
                                    </div>

                                    <div class="center-content">
                                        <p>已经有<span class="center-content-blue">1317378</span>位升本同学加入</p>
                                        <!--     <div id="registered" style="display: none ; margin-top: 5px" >
                                                  <form class="form-inline mb-2" >
                                                      <div class="form-group mb-2">
                                                          <label for="phone2" class="sr-only">手机号</label>
                                                          <input type="text"  class="form-control"  name="phone" id="phone2"   placeholder="手机号" style="width:190px " >
                                                      </div>
                                                      <div class="form-group mb-2">
                                                          <label for="password2" class="sr-only">密码</label>
                                                          <input type="password" class="form-control" name="password" id="password2" placeholder="密码" style="width:190px " >
                                                      </div>
                                                      <button type="button"  id="registeredButton" class="btn btn-primary mb-2 btn-block">注册</button>
                                                  </form>
                                                  <a onclick="(function (){
                                                  $('#registered').hide();
                                                  $('#login').show();
                                                  })()"> 已有帐号,点我登录</a>
                                             </div>-->



                                        <div id="login" style="display:block">
                                            <form class="form-inline mb-2" >
                                                <div class="form-group  mb-2">
                                                    <label for="phone" class="sr-only" >手机号</label>
                                                    <input type="text"  class="form-control"  name="phone" id="phone"     placeholder="手机号" value="" style="width:190px "  >
                                                </div>
                                                <div class="form-group  mb-2">
                                                    <label for="password" class="sr-only">密码</label>
                                                    <input type="password" class="form-control" name="password" id="password" placeholder="密码" style="width:190px " >
                                                </div>
                                                <button  type="button"  id="loginButton"  class="btn btn-primary mb-2 btn-block">登录</button>
                                            </form>
                                            <a  data-toggle="modal" data-target="#registeredModal"  style="margin-right: 30px;cursor:pointer "> 点我注册  </a>
                                            <a  data-toggle="modal" data-target="#forgetPassword"  style="cursor:pointer"> 忘记密码 </a>
                                        </div>
                                    </div>
                                    <!-- <div class="center-btn">个人中心</div>-->
                                    <div class="center-list" style="padding-left: 10px">
                                        <div class="center-title active" >
                                            <a  target="_blank" href="/category/6">今日头条</a>
                                        </div>
                                        <ul class="center-list-items">
                                            <li class="center-list-item" th:each="item,temp:${@adult.ArticleByCateg('6',6)}" >
                                                <a  target="_blank" th:text="${item.title}"  th:href="${'/article/'+item.id}"> </a>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="col-center">


                                <div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
                                    <div class="carousel-inner">


                                        <div th:each="item,temp:${@cms.selectIndexBannerImgs('blog_index')}" th:class="${temp.first}?'active carousel-item':'carousel-item'   ">
                                            <img
                                                    th:src="@{${item.savePath}}"  th:alt="${item.materialName}"
                                                    class="d-block w-100"
                                                    width="700px" height="410px"
                                            >
                                        </div>

                                    </div>
                                    <a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
                                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                        <span class="sr-only">上一个</span>
                                    </a>
                                    <a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
                                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                        <span class="sr-only">下一个</span>
                                    </a>
                                </div>

                            </div>

                            <div class="col-left">
                                <h4 class="col-left-title">专升本报考指南</h4>
                                <div class="navx-btn">


                                    <a target="_blank" th:each="item,temp:${@adult.ArticleByCateg('69',12)}"   th:href="${'/article/'+item.id}" th:text="${item.title}"   >报考专业</a>
                                    <a href="/article/2021030800193857133350" class="zsbzn" >招考要闻</a>
                                    <a href="/article/2021030800180007959356" class="zsbzn" >网上报名</a>
                                    <a href="/article/2021030800165109540406" class="zsbzn" >专升本考试</a>
                                    <a href="/article/2021030800145302848584" class="zsbzn" >社会考试</a>
                                    <a href="/article/2021030800114387054493" class="zsbzn" >考试历</a>
                                    <a href="/article/2021030800084294375375" class="zsbzn" >升本练习</a>
                                    <a href="/article/2021030800052124754878" class="zsbzn" >招生简章</a>
                                    <a href="/article/2021030723565821044225" class="zsbzn" >考试公告</a>
                                    <a href="/article/2021030723535169928806" class="zsbzn" >考试专业</a>
                                    <a href="/article/2021030723445604810652" class="zsbzn" >录取分数</a>
                                    <a href="/article/2021030723394058018665" class="zsbzn" >考试时间</a>
                                    <a href="/article/2021030723325094690535" class="zsbzn" >报考条件</a>


                                    <!--   <a href="#" class="active">报考条件</a>

                                    <a href="#">报考专业</a>
                                    <a href="#">考试时间</a>
                                    <a href="#">考试大纲</a>
                                    <a href="#">报考科目</a>
                                    <a href="#">历年真题</a>
                                    <a href="#">考点解析</a>
                                    <a href="#">答疑解惑</a>
                                    <a href="#">模拟试题</a>
                                    <a href="#">免费试题</a>
                                    <a href="#">在线学习</a>-->

                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="news">
                        <div class="notice">
                            <div class="row">
                                <div class="col-2"><img src="/adultexam/images/组 564.png"/>公告通知 </div>
                                <div th:each="item,temp:${@adult.ArticleByCateg('5',1)}" class="col-7" th:text="${{item.createTime}}+' : '+${item.title}" >
                                </div>
                                <!--<div class="col-8">2019/09/29应用市场规划及前台设计完成，B&C的资质认证，用户增加所属机构及部门信息</div>-->
                                <div class="col-3"><a target="_blank" href="/category/5" style="">查看更多</a> <img
                                        src="/adultexam/images/查看更多.png"/></div>
                            </div>
                        </div>
                        <div class="news-con">
                            <div class="news-left">
                                <div class="news-box">
                                    <a  target="_blank" href="/category/7" class="news-title">在职社会人员专升本</a>
                                    <ul class="news-list">
                                        <li class="news-list-item" th:each="item,temp:${@adult.ArticleByCateg('7',4)}" >
                                            <a  target="_blank" th:text="${item.title}"  th:title="${item.title}" th:href="${'/article/'+item.id}"> </a>
                                        </li>

                                    </ul>
                                </div>
                                <div class="news-box">
                                    <a  target="_blank" href="/category/8" class="news-title">最新招聘信息</a>
                                    <ul class="news-list">
                                        <li class="news-list-item" th:each="item,temp:${@adult.ArticleByCateg('8',4)}" >
                                            <a   target="_blank" th:text="${item.title}" th:title="${item.title}"  th:href="${'/article/'+item.id}"> </a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                            <div class="news-content">
                                <div class="news-navs">
                                    <div class="row">
                                        <div class="col-6  switchTitle active" data="zs">招生考试专题</div>
                                        <div class="col-6        switchTitle "   data="jx" >教学教务通知</div>
                                    </div>
                                </div>
                                <ul class="news-list zsandjxul" style="width: 648px;" id="zs">
                                  <!--  <li class="news-list-item">
                                        <a href="#">
                                            <span class="text">1-9月份成人高考报名1-9月份成人高考报名</span>
                                            <span class="time">08-04</span>
                                        </a>
                                    </li>
                             -->
                                    <li class="news-list-item" th:each="item,temp:${@adult.ArticleByCateg('9',6)}" >
                                        <a  target="_blank"  th:href="${'/article/'+item.id}">
                                            <span class="text" th:text="${item.title}" >1-9月份成人高考报名1-9月份成人高考报名</span>
                                            <span class="time">[[${{item.createTime}}]]</span>
                                        </a>
                                    </li>
                                </ul>
                                <ul class="news-list zsandjxul" style=" width: 648px; display: none" id="jx">
                                    <!--  <li class="news-list-item">
                                          <a href="#">
                                              <span class="text">1-9月份成人高考报名1-9月份成人高考报名</span>
                                              <span class="time">08-04</span>
                                          </a>
                                      </li>
                               -->
                                    <li class="news-list-item" th:each="item,temp:${@adult.ArticleByCateg('10',6)}" >
                                        <a   target="_blank"  th:href="${'/article/'+item.id}">
                                            <span class="text" th:text="${item.title}" >1-9月份成人高考报名1-9月份成人高考报名</span>
                                            <span class="time">[[${{item.createTime}}]]</span>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                            <div class="news-right">
                                <ul class="new-order">
                                    <li class="new-order-item">
                                        <a href="#">
                                            <div class="icon">
                                                <img src="/adultexam/images/477.png" alt="" srcset="">
                                            </div>
                                            <div class="info">
                                                <p class="title">选院校</p>
                                                <span class="subtitle">985/211重点院校</span>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="new-order-item">
                                        <a href="#">
                                            <div class="icon">
                                                <img src="/adultexam/images/473.png" alt="" srcset="">
                                            </div>
                                            <div class="info">
                                                <p class="title">升本真题</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="new-order-item">
                                        <a href="#">
                                            <div class="icon">
                                                <img src="/adultexam/images/474.png" alt="" srcset="">
                                            </div>
                                            <div class="info">
                                                <p class="title">辅导模拟</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="new-order-item">
                                        <a href="#">
                                            <div class="icon">
                                                <img src="/adultexam/images/475.png" alt="" srcset="">
                                            </div>
                                            <div class="info">
                                                <p class="title">在线课程</p>
                                            </div>
                                        </a>
                                    </li>
                                    <li class="new-order-item">
                                        <a href="#">
                                            <div class="icon">
                                                <img src="/adultexam/images/476.png" alt="" srcset="">
                                            </div>
                                            <div class="info">
                                                <p class="title">网上报名</p>
                                            </div>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>

                    </div>
                    <th:block th:include="adultexam/indexInclude/adult" />
                    <th:block th:include="adultexam/indexInclude/network.html" />
                <!--    <th:block th:include="adultexam/indexInclude/unifiedRecruitment" />
                    <th:block th:include="adultexam/indexInclude/nationalOpenUniversity" />
                    <th:block th:include="adultexam/indexInclude/vocationalEducation" />
                    <th:block th:include="adultexam/indexInclude/postgraduate" />-->
                    <div class="panel-grid">
                        <div class="title">
                            其他资格证考试
                            <span class="subtitle">六大课程体系，让学习有章有序</span>
                        </div>
                        <div class="rows row">
                            <div class="col-grid col-2">
                                <div class="col-img">
                                    <img src="/adultexam/images/5.jpg" alt="">
                                </div>
                                <div class="col-text-info">
                                    <p class="col-text-title"> </p>
                                    <p class="col-text-txt"> </p>
                                </div>
                            </div>
                            <div class="col-grid col-2">
                                <div class="col-img">
                                    <img src="/adultexam/images/6.jpg" alt="">
                                </div>
                                <div class="col-text-info">
                                    <p class="col-text-title"> </p>
                                    <p class="col-text-txt"> </p>
                                </div>
                            </div>
                            <div class="col-grid col-2">
                                <div class="col-img">
                                    <img src="/adultexam/images/7.jpg" alt="">
                                </div>
                                <div class="col-text-info">
                                    <p class="col-text-title"> </p>
                                    <p class="col-text-txt"> </p>
                                </div>
                            </div>
                            <div class="col-grid col-2">
                                <div class="col-img">
                                    <img src="/adultexam/images/8.jpg" alt="">
                                </div>
                                <div class="col-text-info">
                                    <p class="col-text-title"> </p>
                                    <p class="col-text-txt"> </p>
                                </div>
                            </div>
                            <div class="col-grid col-2">
                                <div class="col-img">
                                    <img src="/adultexam/images/9.jpg" alt="">
                                </div>
                                <div class="col-text-info">
                                    <p class="col-text-title"> </p>
                                    <p class="col-text-txt"> </p>
                                </div>
                            </div>
                            <div class="col-grid col-2">
                                <div class="col-img">
                                    <img src="/adultexam/images/10.jpg" alt="">
                                </div>
                                <div class="col-text-info">
                                    <p class="col-text-title"> </p>
                                    <p class="col-text-txt"> </p>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <th:block th:include="adultexam/footer" />
        </div>
    </div>
    </div>

    <!-- 注册模态框（Modal） -->
    <div class="modal fade" id="registeredModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <!--登陆框头部-->
                <div class="modal-header">
                    <h5 class="modal-title">欢迎注册！</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>

                <!--登陆框中间部分(from表单)-->

                <div class="modal-body">
                        <div class="form-group">
                            <label for="phone2" class="col-sm-2 control-label">手机号</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="phone2" id="phone2" placeholder="" required="required">
                            </div>
                        </div>
                        <!--用户框-->
                        <div class="form-group">
                            <label for="phoneVerificationCode" class="col-sm-4 control-label">手机验证码</label>
                            <div class="col-sm-10">
                                <div class="row">
                                    <div class="col-8">
                                        <input type="text" class="form-control phoneVerificationCode" name="phoneVerificationCode" id="phoneVerificationCode" placeholder="" required="required">
                                    </div>
                                    <div class="col-4">
                                        <button type="button"  class="btn btn-link btn-sm sendCaptchab"  data-phone="phone2"  onclick="">发送验证码</button>
                                        <button type="button" class="sendCaptcha" style="display: none"> </button>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <!--用户框-->
                        <div class="form-group">
                            <label for="username2" class="col-sm-2 control-label">姓名</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" name="username" id="username2" placeholder="" required="required">
                            </div>
                        </div>
                        <!--密码框-->
                        <div class="form-group">
                            <label for="password2" class="col-sm-2 control-label" >密码</label>
                            <div class="col-sm-10">
                                <input type="password" class="form-control" name="password" id="password2" placeholder="" required="required">
                            </div>
                        </div>

                        <!--登陆按钮-->
                        <div class="form-group">
                            <div class="col-sm-offset-2 col-sm-10">
                                <button  id="registeredButton" class="btn btn-primary">注册</button>
                            </div>
                        </div>

                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" id="forgetPassword" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" data-backdrop="static">
        <div class="modal-dialog">
            <div class="modal-content">
                <!--登陆框头部-->
                <div class="modal-header">
                    <h5 class="modal-title">忘记密码</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <!--登陆框中间部分(from表单)-->
                <div class="modal-body">
                    <div class="form-group">
                        <label for="phone2" class="col-sm-2 control-label">手机号</label>
                        <div class="col-sm-10">
                            <input type="text" class="form-control" name="phone" id="phone3" placeholder="" required="required">
                        </div>
                    </div>
                    <!--用户框-->
                    <div class="form-group">
                        <label for="phoneVerificationCode1" class="col-sm-4 control-label">手机验证码</label>
                        <div class="col-sm-10">
                            <div class="row">
                                <div class="col-8">
                                    <input type="text" class="form-control phoneVerificationCode " name="phoneVerificationCode" id="phoneVerificationCode1" placeholder="" required="required">
                                </div>
                                <div class="col-4">
                                    <button type="button"  class="btn btn-link btn-sm sendCaptchab"  data-phone="phone3" onclick="">发送验证码</button>
                                    <button type="button" class="sendCaptcha" style="display: none"> </button>
                                </div>
                            </div>
                        </div>

                    </div>

                    <!--密码框-->
                    <div class="form-group">
                        <label for="password2" class="col-sm-2 control-label" >密码</label>
                        <div class="col-sm-10">
                            <input type="password" class="form-control" name="password" id="password3" placeholder="" required="required">
                        </div>
                    </div>
                    <!--登陆按钮-->
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button  id="forgetPasswordButton" class="btn btn-primary">修改密码</button>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>

    <div id="captchaContent" style="z-index: 99999;"></div>

    <script>
    $(function (){
        $(".navs .active").removeClass("active");
        $(".index").addClass("active");


        $(".zsbzn").hover(function(){
            $(this).addClass("active");
        },function(){
            $(this).removeClass("active");
        });
        $(".sendCaptchab").click(function (){

            var sendCaptchab =this;
            if($(this).text()!=="发送验证码"){
                return
            }
            let phone = $("#"+$(this).attr("data-phone")).val();
            if(!(/^1[0-9]{10}$/.test(phone))){
                alert("手机号码有误，请重填");
                return false;
            }
            var i=60;
            var test2 = setInterval(function(){
                $(sendCaptchab).text(i--+"秒后重发")

            },1000)
            setTimeout(function(){
                $(sendCaptchab).text("发送验证码")
                clearInterval(test2);
            },1000*i);
            //$("#sendCaptcha").click();
            sendCaptcha({"phone":phone})

        })



            $('#captchaContent').slideVerify({
                baseUrl:'',  //服务器请求地址, 默认地址为安吉服务器;
                mode:'pop',     //展示模式
                containerId:'sendCaptcha',//pop模式 必填 被点击之后出现行为验证码的元素id
                imgSize : {       //图片的大小对象,有默认值{ width: '310px',height: '155px'},可省略
                    width: '400px',
                    height: '200px',
                },
                barSize:{          //下方滑块的大小对象,有默认值{ width: '310px',height: '50px'},可省略
                    width: '400px',
                    height: '40px',
                },
                beforeCheck:function(){  //检验参数合法性的函数  mode ="pop"有效
                    var flag = true;
                    //实现: 参数合法性的判断逻辑, 返回一个boolean值
                    return flag
                },
                ready : function() {},  //加载完毕的回调
                success : function(params) { //成功的回调
                    // params为返回的二次验证参数 需要在接下来的实现逻辑回传服务器
                    // 例如: login($.extend({}, params))
                    sendCaptcha($.extend({"phone":$("#phone2").val()}, params))

                },
                error : function() {}        //失败的回调
            });

        }
    )
    function sendCaptcha(params) {
        $.ajax({
            headers: {
                "Content-Type": "application/json; charset=utf-8"
            },
            url: "/api/getCaptcha",
            type: "post",
            dataType: "json",
            data:  JSON.stringify(params),
            success: function(json) {
                alert(json.msg)
                if(json.code!=0&&json.code!='0'){
                    console.log(json.msg);
                }
            }
        });

    }
</script>
</body>

</html>
